﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Notebooks</title>
    <style>
        body {
            font-family: Calibri;
        }

        aside {
            position: absolute;
            top: 50px;
            left: 520px;
        }

        fieldset {
            text-align: center;
        }

        legend {
            margin-left: 18%;
        }
    </style>
</head>
<body>
    <section>
        <table>
            <tr>
                <td>
                    <fieldset>
                        <table>
                            <tr>
                                <td>
                                    <fieldset>
                                        <legend>Apple MacBook Air</legend>
                                        <table>
                                            <tr>
                                                <td rowspan="2"><img src="images/macbookair.jpg" width="110px" height="70px" /></td>
                                                <td>64 GB SSD</td>
                                            </tr>
                                            <tr>
                                                <td>2 GB DDR</td>
                                            </tr>
                                            <tr>
                                                <td>1300 USD</td>
                                                <td>Intel Core i5</td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </td>
                                <td>
                                    <fieldset>
                                        <legend>Apple MacBook Air</legend>
                                        <table>
                                            <tr>
                                                <td rowspan="2"><img src="images/macbookair.jpg" width="110px" height="70px" /></td>
                                                <td>64 GB SSD</td>
                                            </tr>
                                            <tr>
                                                <td>2 GB DDR</td>
                                            </tr>
                                            <tr>
                                                <td>1300 USD</td>
                                                <td>Intel Core i5</td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <fieldset>
                                        <legend>Apple MacBook Air</legend>
                                        <table>
                                            <tr>
                                                <td rowspan="2"><img src="images/macbookair.jpg" width="110px" height="70px" /></td>
                                                <td>64 GB SSD</td>
                                            </tr>
                                            <tr>
                                                <td>2 GB DDR</td>
                                            </tr>
                                            <tr>
                                                <td>1300 USD</td>
                                                <td>Intel Core i5</td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </td>
                                <td>
                                    <fieldset>
                                        <legend>Apple MacBook Air</legend>
                                        <table>
                                            <tr>
                                                <td rowspan="2"><img src="images/macbookair.jpg" width="110px" height="70px" /></td>
                                                <td>64 GB SSD</td>
                                            </tr>
                                            <tr>
                                                <td>2 GB DDR</td>
                                            </tr>
                                            <tr>
                                                <td>1300 USD</td>
                                                <td>Intel Core i5</td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <fieldset>
                                        <legend>Apple MacBook Air</legend>
                                        <table>
                                            <tr>
                                                <td rowspan="2"><img src="images/macbookair.jpg" width="110px" height="70px" /></td>
                                                <td>64 GB SSD</td>
                                            </tr>
                                            <tr>
                                                <td>2 GB DDR</td>
                                            </tr>
                                            <tr>
                                                <td>1300 USD</td>
                                                <td>Intel Core i5</td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </td>
                                <td>
                                    <fieldset>
                                        <legend>Apple MacBook Air</legend>
                                        <table>
                                            <tr>
                                                <td rowspan="2"><img src="images/macbookair.jpg" width="110px" height="70px" /></td>
                                                <td>64 GB SSD</td>
                                            </tr>
                                            <tr>
                                                <td>2 GB DDR</td>
                                            </tr>
                                            <tr>
                                                <td>1300 USD</td>
                                                <td>Intel Core i5</td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </td>
                            </tr>
                        </table>
                    </fieldset>
                </td>
            </tr>
        </table>
    </section>

    <aside>
        <p>Min price:  500 USD</p>
        <input type="range" />
        <p>Max price:  500 USD</p>
        <input type="range" />
        <p>Min RAM:  4 GB</p>
        <input type="range" />
        <p>Min RAM:  16 GB</p>
        <input type="range" />
    </aside>
</body>
</html>